<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		//上网查询如何更改placeholder的样式
		<style type="text/css">
			<style>
        .margin-bottom-10 {
            margin-bottom: 10px;
        }
        .form-control-color::-moz-placeholder {
            color: #f00;
        }
        .form-control-color:-ms-input-placeholder {
            color: #f00;
        }
        .form-control-color::-webkit-input-placeholder {
            color: #f00;
        }
        .form-control-size::-moz-placeholder {
            font-size: 30px;
        }
        .form-control-size:-ms-input-placeholder {
            font-size: 30px;
        }
        .form-control-size::-webkit-input-placeholder {
            font-size: 30px;
        }
    </style>
		</style>
	</head>
	<body>
		<div class="margin-bottom-10">
        <label>未修改（浏览器默认）：
            <input type="text" placeholder="请输入内容">
        </label>
    </div>
    <div class="margin-bottom-10">
        <label>修改placeholder颜色：
            <input type="text" class="form-control-color" placeholder="请输入内容">
        </label>
    </div>
    <div class="margin-bottom-10">
        <label>修改placeholder字体大小：
            <input type="text" class="form-control-size" placeholder="请输入内容">
        </label>
    </div>
		<script type="text/javascript">
			
		</script>
	</body>
</html>
